<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
function get_pos_x(obj) {
    var x = obj.offsetLeft;
    while (obj.offsetParent) {
        obj = obj.offsetParent;
        x += obj.offsetLeft;
    }
    return x;
}
function get_pos_y(obj) {
    var y = obj.offsetTop;
    while (obj.offsetParent) {
        obj = obj.offsetParent;
        y += obj.offsetTop;
    }
    return y;
}
function show_img(obj) {
    var div_obj = document.getElementById('contents');
    div_obj.style.left = get_pos_x(obj) + 105;  //x;
    div_obj.style.top = get_pos_y(obj) //y;
    div_obj.style.display = "block";
}
function hide_img() {
    var div_obj = document.getElementById('contents');
    div_obj.style.display = 'none';
}
function AddEvent(obj) {
    obj.onmouseout = function () {
        setTimeout("hide_img()", 3000);
    };
}
</script>

</head>

<body>
<div id="contents" class="divWindow" onmouseover="AddEvent(this)">
        <div class="divWindowHead">
            <img src="http://www.stepday.com/kindeditor/attached/image/head/stepday.jpg" border="0" alt="" align="left" />
            <div>
                账号：<a href="http://www.stepday.com">stepday</a>
            </div>
            <div>
                积分：2232342
            </div>
            <div>
                关注&nbsp;博客&nbsp;空间&nbsp;论坛&nbsp;办公室
            </div>
        </div>
        <p>
            <div class="divWindowBlog">
                <div>
                    最新博客</div>
                <div>
                    1、<a href="http://www.stepday.com/post/tie/?142" target="_blank">用FusionCharts做了个图标...</a>
                </div>
                <div>
                    2、<a href="http://www.stepday.com/post/tie/?141" target="_blank">fusioncharts 插件 3D柱状图...</a>
                </div>
                <div>
                    3、<a href="http://www.stepday.com/post/tie/?140" target="_blank">201314关于马云周星驰天...</a>
                </div>
                <div class="divWindowMore">
                    <a href="http://www.stepday.com/blog/" target="_blank">更多...</a>
                </div>
            </div>
        </p>
        <div class="divWindowPost">
            <div>
                    最新帖子</div>
                <div>
                    1、<a href="http://www.stepday.com/post/tie/?142" target="_blank">用FusionCharts做了个图标...</a>
                </div>
                <div>
                    2、<a href="http://www.stepday.com/post/tie/?141" target="_blank">fusioncharts 插件 3D柱状图...</a>
                </div>
                <div>
                    3、<a href="http://www.stepday.com/post/tie/?140" target="_blank">201314关于马云周星驰天...</a>
                </div>
                <div class="divWindowMore">
                    <a href="http://www.stepday.com/post/" target="_blank">更多...</a>
                </div>
        </div>
    </div>
    <table width="50%">
        <tr>
            <td>
                <img src="http://www.stepday.com/kindeditor/attached/image/head/stepday.jpg" alt="" border="0" onmouseover="show_img(this)" />
            </td>
        </tr>
        <tr>
            <td height='20'>
                &nbsp;
            </td>
        </tr>
    </table>
</body>
</html>
